<template>
    <el-dialog v-model="visible" title="关于" width="975" draggable overflow>
        <div>
            <strong class="text-lg">{{ appTitle }}</strong>
            <div class="text-gray-400">v{{ appVersion }}</div>
            <div class="text-red-500 my-4">本软件仅供学习使用，禁止用于其他用途。</div>
        </div>
        <template #footer>
            <el-button type="info" @click="visible = false">关闭</el-button>
        </template>
    </el-dialog>
</template>

<script setup>
const visible = defineModel();
const appTitle = import.meta.env.VITE_APP_TITLE || 'LuckLottery';
const appVersion = import.meta.env.VITE_APP_VERSION || '1.0.0';
</script>